page-gfr-netvalue {
  .scroll-content {
    //-webkit-overflow-scrolling: auto !important;
  }
  .HeaderDiv {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 99;
    background-color: white;
  }

  .title_segment {
    width: 60% !important;
    margin: 0 auto;
    .segment-activated {
      color: color($colors, primary) !important;
    }

    .title_segment_button_left {
      border-radius: 5px 0 0 5px !important;
      border-width: 1px !important;
      border-color: color($colors, light);
      background-color: #fc7a00;
      //color: #fc7a00;
    }

    .title_segment_button_right {
      border-radius: 0 5px 5px 0 !important;
      border-width: 1px !important;
      border-color: color($colors, light);
      //background-color: color($colors, primary) !important;
      border-color: #ffffff !important;
      background-color: #fc7a00;
    }
  }

  .classifyTopDiv {
    //overflow-x: scroll;
    .scrollClassifyTop {
      width: 100% !important;
      height: 4.5rem !important;
      .segmentClassifyTop {
        .segment-activated {
          //border-bottom: 2px color($colors, primary) solid !important;
          background-color: color($colors, light) !important;
          background-color: white !important;
          color: color($colors, primary) !important;
          span {
            border-color: color($colors, primary);
            border-bottom: 2px solid !important; // padding: 0 2px 2px 2px;
          }
        }
        .segment-activated:last-child {
          //border-bottom: 2px color($colors, primary) solid !important;
          background-color: color($colors, light) !important;
          background-color: white !important;
          color: color($colors, primary) !important;
        }
        ion-segment-button {
          color: black !important;
          //width: 150px;
          //border-right: 1px color($colors, light) solid;
          background-color: white !important;
          //border-bottom: 1px color($colors, light) solid !important;
        }
        ion-segment-button:last-child {
          color: black !important;
          //width: 150px;
          border-right: 0px;
          background-color: white !important;
          //border-bottom: 1px color($colors, light) solid !important;
        }
      }
    }
  }

  .classifySecondDiv {
    //overflow-x: scroll;
    .scrollClassifySecond {
      width: 100% !important;
      height: 4.5rem !important;
      .segmentClassifySecond {
        .segment-activated {
          //border-bottom: 2px color($colors, primary) solid !important;
          color: color($colors, primary) !important;
          background-color: white !important;
          span {
            border-color: color($colors, primary);
            border-bottom: 2px solid !important; // padding: 0 2px 2px 2px;
          }
        }
        .segment-activated:last-child {
          //border-bottom: 2px color($colors, primary) solid !important;
          color: color($colors, primary) !important;
          background-color: white !important;
          span {
            border-color: color($colors, primary);
            border-bottom: 2px solid !important; // padding: 0 2px 2px 2px;
          }
        }
        ion-segment-button {
          font-size: 1.8rem !important;
          color: #aaaaaa !important;
          //width: 150px;
          //border-right: 1px color($colors, light) solid;
          background-color: white !important;
          //border-bottom: 1px color($colors, light) solid !important;
        }
        ion-segment-button:last-child {
          font-size: 1.8rem !important;
          color: #aaaaaa !important;
          //width: 150px;
          border-right: 0px;
          background-color: white !important;
          //border-bottom: 1px color($colors, light) solid !important;
        }
      }
    }
  }

  .date_down_cursor {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  .rank_flag {
    position: absolute;
    right: 0px;
  }

  .DataGrid {
    z-index: 99999 !important;
    .GridHeader {
      z-index: 99999 !important;
      background-color: #fdb28c !important;
      color: white !important;
      font-weight: 900 !important;
      font-size: 1.2rem !important;
      ion-col{
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        //flex-direction: column;
        p {
          margin: 0;
          flex-grow: 1;
          white-space: normal !important;
          word-wrap: break-word;
          word-break: break-all;
        }
      }
      ion-col:nth-child(1) {
        //line-height: 50px;
      }
    }
    .GridHeader_gzgm {
      background-color: #fdb28c !important;
      color: white !important;
      font-weight: 900 !important;
      font-size: 1.2rem !important;
      ion-col{
        text-align: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
        p {
          margin: 0;
        }
      }
      ion-col:nth-child(1) {
        line-height: 30px;
      }
    }
    .ContentColorUp:nth-child(2n) {
      background-color: #fbe8cd;
      font-size: 1.2rem !important;
      text-align: center;
      ion-col {
        display: flex;
        justify-content: center;
        flex-direction: column;
        p {
          margin: 0;

        }
      }
    }

    .ContentColorUp:nth-child(2n + 1) {
      background-color: #fddfc6;
      font-size: 1.2rem !important;
      text-align: center;
      ion-col {
        display: flex;
        justify-content: center;
        flex-direction: column;
        p {
          margin: 0;
        }
      }
    }
  }

  .DataGridMargin {
    //margin-top: -3rem;
    //z-index: 99999;
  }

  .substance{
    white-space: normal !important;
    word-wrap: break-word;
    word-break: break-all;
    color: #000 !important;
  }

}
